<template>
	<view>
		<view class="centCont">

			<view class="cont">
				<view class="cent-pr"  @click="goMore('5')">
					<view class="cent-pr-l">
						城市介绍
						<!-- <view class="cent-pr-t">（{{ allInfo.project_list.length }}）</view> -->
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="city-title">
					<view class="" v-for="(item,index) in allInfo.citycate" @click="jump('/pages/index/city_path/city_renwu?type='+item.id)">
						<image :src="item.image" mode=""></image>
						{{ item.name }}
					</view>
				</view>
				<view class="moreContent">
					<view v-for="(item,index) in allInfo.renwulist">
						<view class="moreList" v-if="item.utype == '1'" @click="investcli(item.id,item.name)">
							<image class="imgs" :src="item.image" mode="aspectFill"></image>
							<!--						<view class="moreRight">-->
							<!--							<text class="name">{{ allInfo.renwu.name }}</text>-->
							<!--							<text class="hite">{{ allInfo.renwu.content }}</text>-->
							<!--						</view>-->
							<view class="u-flex u-flex-col u-row-around u-m-l-20">
								<view class="cent-bo-b-l u-m-b-10 u-ellipsis-1" style="width: 63vw;display: flex;justify-content: flex-start">
									<view style="color:#333;font-weight: bold">{{item.name}}</view>
									<view class="cent-bo-b-r u-m-l-20" style="color:#626161;font-weight: normal">{{item.job}}</view>
								</view>
								<view class="u-ellipsis-2" style="width: 63vw;" v-html="item.content"></view>
							</view>
						</view>
						<view class="moreList" v-if="item.utype == '2'" @click="investcli(item.id,item.name)">
							<image class="imgs" :src="item.image" mode="aspectFill"></image>
							<view class="u-flex u-flex-col u-row-around u-m-l-20">
								<view class="cent-bo-b-l u-m-b-10 u-ellipsis-1" style="width:63vw;">
									<view style="color:#333;font-weight: bold">{{item.name}}</view>
								</view>
								<view class="u-ellipsis-2" style="width: 63vw;" v-html="item.content"></view>
							</view>
						</view>
					
					</view>
				</view>
			</view>
			<view class="cont">
				<view class="cent-pr" @click="lestClick">
					<view class="cent-pr-l">
						项目
						<view class="cent-pr-t">（{{ allInfo.project_list.length }}）</view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view v-if="allInfo.cate && allInfo.cate.length > 0" style="
								display: flex;
								align-items: center;
								padding: 10rpx;
								flex-wrap: wrap;
							">
					<view @click="projiectList(item)"
						v-for="(item, index) in allInfo.cate" style="
										text-align: center;
										margin: 10rpx 0;
										width: 20%;
									">
						<image style="width: 80rpx; height: 80rpx" :src="item.image" mode=""></image>
						<view style="font-size: 12px; color: #666">
							{{ item.type_name }}
						</view>
					</view>
				</view>
				<view class="cent-bo" v-show="allInfo.project_list.length > 0">
					<shopro-project-item :myData="allInfo.project_list" @goodsdetail="goodsdetail"
						:style="teshuStyle"></shopro-project-item>
				</view>
			</view>
			<view class="financeContent cont cent">
				<view class="financeTitle cent-pr">
					<view class="cent-pr-l">名师</view>
							    <view class="more" @click="goMore('1')">
								    更多
								    <image
									    class="imgs"
									    src="/static/images/finance/more.png"
									    mode="widthFix"></image>
							    </view>
				</view>
				<view class="menu">
					<view @click="teacherList(item,4)" v-if="allInfo.teacher_cate && allInfo.teacher_cate.length > 0"
					      v-for="(item, index) in allInfo.teacher_cate" class="menuView">
						<image class="img" :src="item.image" mode="widthFix"></image>
						<view class="menuName">
							{{ item.name }}
						</view>
					</view>
				</view>
				<view class="moreContent">
					<view v-for="(item,index) in allInfo.teacher">
						<view class="moreList" @click="handleDetail(item)">
							<image class="imgs" :src="item.image" mode="aspectFill"></image>
							<view class="u-flex u-flex-col u-row-around u-m-l-20">
								<view class="cent-bo-b-l u-m-b-10 u-ellipsis-1" style="width: 63vw;display: flex;justify-content: flex-start">
									<view style="color:#333;font-weight: bold">{{item.name}}</view>
<!--									<view class="cent-bo-b-r u-m-l-20  u-ellipsis-1" style="color:#626161;font-weight: normal">{{item.job}}</view>-->
								</view>
								<view class="u-ellipsis-2" style="width: 63vw;" v-html="item.desc"></view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!--公司-->
			<view class="cont">
				<view class="cent-pr" @click="goMore('2')">
					<view class="cent-pr-l">
						公司
						<view class="cent-pr-t"></view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="cent-bo">
					<view class="cent-bo-b" v-for="(item, index) in allInfo.gongshi" :key="item.id"
					      @click="toNavite(1, item.id,item.project_name)">
						<view class="cent-bo-b-l">
							<image :src="item.image" mode="" class="cent-bo-b-img"></image>
						</view>
						<view class="cent-bo-b-r">
							<view class="cent-bo-b-r-t">
								<view class="cent-bo-b-l  u-ellipsis-1" style="    width: 58vw;">
									{{ item.project_name }}
									<view class="cent-bo-b-r"></view>
								</view>
							</view>
							<view class="u-ellipsis-2" v-html="item.project_content">
							</view>
						</view>
					</view>
				</view>
			</view>
			<!--代理投资基金-->
			<view class="cont">
				<view class="cent-pr"  @click="goMore('3')">
					<view class="cent-pr-l">
						代理投资基金
						<view class="cent-pr-t"></view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="cent-bo">
					<view class="cent-bo-b" v-for="(item, index) in allInfo.daili" :key="item.id"
						@click="toNavite(2, item.id,item.project_name)">
						<view class="cent-bo-b-l">
							<image :src="item.image" mode="" class="cent-bo-b-img"></image>
						</view>
						<view class="cent-bo-b-r">
							<view class="cent-bo-b-r-t">
								<view class="cent-bo-b-l  u-ellipsis-1" style="    width: 58vw;">
									{{ item.project_name }}
									<view class="cent-bo-b-r"></view>
								</view>
							</view>
							<view class="u-ellipsis-2" v-html="item.project_desc">
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="cont">
				<view class="cent-pr" @click="goMore('4')">
					<view class="cent-pr-l">
						业务拓展基金
						<view class="cent-pr-t"></view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="cent-bo">
					<view class="cent-bo-b" v-for="(item, index) in allInfo.yewu" :key="item.id"
						@click="toNavite(5, item.id,item.project_name)">
						<view class="cent-bo-b-l">
							<image :src="item.image" mode="" class="cent-bo-b-img"></image>
						</view>
						<view class="cent-bo-b-r">
							<view class="cent-bo-b-r-t">
								<view class="cent-bo-b-l  u-ellipsis-1" style="    width: 58vw;">
									{{ item.project_name }}
									<view class="cent-bo-b-r"></view>
								</view>
							</view>
							<view class="u-ellipsis-2" v-html="item.project_desc">

							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="cont">
				<view class="cent-pr" @click="goMore('7')">
					<view class="cent-pr-l">
						项目本地采购
						<view class="cent-pr-t"></view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="cent-bo">
					<view class="cent-bo-b" v-for="(item, index) in allInfo.caigou" :key="item.id"
						@click="toNavite(4, item.id,item.project_name)">
						<view class="cent-bo-b-l">
							<image :src="item.image" mode="" class="cent-bo-b-img"></image>
						</view>
						<view class="cent-bo-b-r">
							<view class="cent-bo-b-r-t">
								<view class="cent-bo-b-l  u-ellipsis-1" style="    width: 58vw;">
									{{ item.project_name }}
									<view class="cent-bo-b-r"></view>
								</view>
							</view>
							<view class="u-ellipsis-2" v-html="item.project_desc">
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="cont">
				<view class="cent-pr" @click="goMore('6')">
					<view class="cent-pr-l">
						股权与股票
						<view class="cent-pr-t"></view>
					</view>
					<view class="cent-pr-r">
						<view class="cent-pr-r-t">更多</view>
						<image src="../../../static/left.png" mode="" class="cent-pr-r-t-img"></image>
					</view>
				</view>
				<view class="cent-bo cent-box  u-p-l-20 u-p-r-20">
					<view class="group-fac  u-flex u-row-between u-col-center"
						v-for="(item, index) in allInfo.gupiao" :key="item.id"
						@click="jumpDetail(item.id,item.project_name)">
						<view class="right-content u-ellipsis-1">
							{{ item.project_name }}
						</view>
						<view class="right-content u-ellipsis-1">
							{{ item.gutpiao_text }}
						</view>
						<view class="right-content u-ellipsis-2">
							{{ item.user_text }}
						</view>
					</view>
				</view>
			</view>
<!--				<view class="cont cent">-->
<!--					<view class="cent-pr">-->
<!--						<view class="cent-pr-l">城市代理</view>-->
<!--						<view class="cent-pr-r"></view>-->
<!--					</view>-->
<!--					<view class="cent-bo">-->
<!--						<view class="cent-bo-b" v-for="(item, index) in allInfo.citydaili" @click="stockT(item.id)"-->
<!--							:key="item.id">-->
<!--							<view class="cent-bo-b-l">-->
<!--								<image :src="item.image" mode="" class="cent-bo-b-img"></image>-->
<!--							</view>-->
<!--							<view class="cent-bo-b-r">-->
<!--								<view class="cent-bo-b-r-t">-->
<!--									{{ item.name }}-->
<!--								</view>-->
<!--								<view class="cent-bo-b-r-b">-->
<!--									{{ item.job }}-->
<!--								</view>-->
<!--							</view>-->
<!--						</view>-->
<!--					</view>-->
<!--				</view>-->
<!--				<view class="cont cent">-->
<!--					<view class="cent-pr" @click="stockT(item.id)">-->
<!--						<view class="cent-pr-l">城市经销</view>-->
<!--						<view class="cent-pr-r"></view>-->
<!--					</view>-->
<!--					<view class="cent-bo">-->
<!--						<view class="cent-bo-b" v-for="(item, index) in allInfo.jingxiao" :key="item.id"-->
<!--							@click="stockTjingxiao(item.id)">-->
<!--							<view class="cent-bo-b-l">-->
<!--								<image :src="item.image" mode="" class="cent-bo-b-img"></image>-->
<!--							</view>-->
<!--							<view class="cent-bo-b-r">-->
<!--								<view class="cent-bo-b-r-t">-->
<!--									{{ item.name }}-->
<!--								</view>-->
<!--								<view class="cent-bo-b-r-b">-->
<!--									{{ item.job }}-->
<!--								</view>-->
<!--							</view>-->
<!--						</view>-->
<!--					</view>-->
<!--				</view>-->
<!--				<view class="cont cent">-->
<!--					<view class="cent-pr" @click="stockT(item.id)">-->
<!--						<view class="cent-pr-l">代理经销</view>-->
<!--						<view class="cent-pr-r"></view>-->
<!--					</view>-->
<!--					<view class="cent-bo">-->
<!--						<view class="cent-bo-b" v-for="(e, index) in daili" :key="e.id" @click="stockTjingxiaos(e.id)">-->
<!--							<view class="cent-bo-b-l">-->
<!--								<image :src="e.image" mode="" class="cent-bo-b-img"></image>-->
<!--							</view>-->
<!--							<view class="cent-bo-b-r">-->
<!--								<view class="cent-bo-b-r-t">-->
<!--									{{ e.name }}-->
<!--								</view>-->
<!--								<view class="cent-bo-b-r-b">-->
<!--									{{ e.job }}-->
<!--								</view>-->
<!--							</view>-->
<!--						</view>-->
<!--					</view>-->
<!--				</view>-->


			</view>
			<!--			 登录提示-->
			<shopro-auth-modal v-if="!isLogin&&!ishowfrist"></shopro-auth-modal>
			<!--    <view class="btn">-->
			<!--      <view class="box-btn"  @click="mustRoutersClick">-->
			<!--        <view class="box-btn-t">成为城市经销</view>-->
			<!--        <view class="box-btn-n">¥980/年</view>-->
			<!--      </view>-->
			<!--      <view class="box-btn must" @click="mustRoutersClick">-->
			<!--        <view class="box-btn-t">成为城市代理</view>-->
			<!--        <view class="box-btn-n">¥5980/年</view>-->
			<!--      </view>-->
			<!--    </view>-->
		</view>
</template>

<script>
	import http from "@/shopro/request/index.js";
	import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
	export default {
		computed: {
			...mapGetters(["isLogin", "authType"]),
		},
		data() {
			return {
				allInfo: {
					project_list: [],
					project_type: "",
					renwu: [],
					zhanting: [],

				},
				daili: [],
				tablist: [],
				ishowfrist:true
			};
		},

		methods: {
			getmenu() {
				this.$new_http("finance.menu").then((res) => {
					console.log(res, "menu");
					if (res.code === 1) {
						this.tablist = res.data;
					}

				});
			},
			investcli(id,name) {
				if(this.isLogin){
					
					uni.setStorageSync("pageName",name)
					uni.navigateTo({
						url: "/pages/index/city_path/detail-daili?id="+id+ '&type=city',
					});
				}else{
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
				}
				
			},
			jumpDetail(id, name) {
				if(this.isLogin) {
					
					uni.setStorageSync("pageTitle", name)
					this.jump('/pages/index/city_path/shares_stock', {
						id: id
					})
				}else{
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
				}
			},
			// 名师详情
			handleDetail(val) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: "/pages/finance/teacherDetail?val=" + val.id,
				});
			},
			mustRoutersClick() {
				if(this.isLogin){
					uni.navigateTo({
						url: '/pages/index/project_list/qrorder'
					})
				}else{
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
				}
				
			},
			projiectList(e) {
				if(this.isLogin){
				
					uni.setStorageSync('project_name', e ? e.type_name : '产业')
					uni.navigateTo({
						url: "/pages/index/project_list/project_list?id=" + e.id
					});
				}else{
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
				}
			},
			teacherList(e,type) {
				if(this.isLogin){
					uni.setStorageSync('project_name', e ? e.name : '产业')
					uni.navigateTo({
						url: "/pages/finance/teacher_list?id=" + e.id+'&type='+type,
					});
				}else{
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
				}
			},
			toNavite(num, id, name) {
				console.log("====name", name)
				uni.setStorageSync("pageName", name)
				if(!this.isLogin){
					this.$store.dispatch('showAuthModal');
					return;
				}
				let url = "",
					params = {};
				switch (num) {
					case 1:
						url = `/pages/finance/companyDetail`;
						params = {
							val: id
						}
						break;

					case 2:
						url = `/pages/index/city_path/invest`;
						params = {
							id: id,
							name: JSON.stringify(name)
						}
						break;
					case 3:
						url = `/pages/index/city_path/progect_introduction`;
						params = {
							id: id,
							name: JSON.stringify(name)
						}
						break;
					case 4:
						url = `/pages/index/city_path/worter`;
						params = {
							id: id,
							name: JSON.stringify(name)
						}
						break;
					case 5:
						url = `/pages/index/city_path/busiess_expand`;
						params = {
							id: id,
							name: JSON.stringify(name)
						}
						break;
				}
				this.jump(url, params);
			},
			jump(path, parmas) {
				this.$Router.push({
					path: path,
					query: parmas
				});
			},
			goodsdetail(e) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: "/pages/index/project_list/detail?id=" + e.id,
				});
			},
			getCityDetail(id) {
				console.log( "===detail",id)
				http("city.detail", {
						area_id: id
					})
					.then((res) => {
						console.log(res);
						this.allInfo = res.data;
						// this.renwu = res.data.renwu?JSON.parse(res.data.renwu):[];
						// this.zhanting = res.data.zhanting?JSON.parse(res.data.zhanting):[];
						// console.error(this.zhanting,this.renwu);
					})
					.catch((err) => {});
			},
			getDaili() {
				this.$new_http("city.daililist").then((res) => {
					console.log(res, "menu");
					this.daili = res.data.data
					if (res.code == 1) {
						console.log(this.daili, "menu");
					}
				});
			},
			goMore(type){
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				//1 名师  2 公司 3代理投资基金 4 业务拓展基金 5城市展厅人物    6 股权与股票  7 项目本地采购
				if(type=='1'){
					uni.navigateTo({
						url: "/pages/finance/more?type=1",
					});
				}
				if(type=='2'){
					uni.navigateTo({
						url: "/pages/finance/more?type=2",
					});
				}
				if(type=='3'){
					uni.navigateTo({
						url: "/pages/index/city_path/ActFor?type=1",
					});
				}
				if(type=='4'){
					uni.navigateTo({
						url: "/pages/index/city_path/business?type=2",
					});
				}
				if(type=='5'){
					uni.navigateTo({
						url: "/pages/index/city_path/city_renwu",
					});
				}
				if(type=='6'){
					uni.navigateTo({
						url: "/pages/index/city_path/shares",
					});
				}
				if(type=='7'){
					uni.navigateTo({
						url: "./locality",
					});
				}
			},
			lestClick(id) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: `./project_del?id=${id}`,
				});
			},
			stockT(id) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: `./details?id=${id}`,
				});
			},
			stockTjingxiao(id) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: `./detail-daili?id=${id}`,
				});
			},
			stockTjingxiaos(id) {
				if(!this.isLogin){
					this.ishowfrist = false
					this.$store.dispatch('showAuthModal');
					return;
				}
				uni.navigateTo({
					url: './detail-daili?id=' + id + '&type=' + 'jinxiao',
				});
			}
		},
		onLoad(options) {
			console.log(options, 7777);
			this.getDaili()
			this.getmenu()
			options.id && this.getCityDetail(options.id);
			let cityIndex = uni.getStorageSync("cityDataIndex");
			let cityData = uni.getStorageSync("cityData");
			if (typeof cityData == 'string') {
				uni.setNavigationBarTitle({
					title: cityData
				})
			} else {
				console.log(cityData[cityIndex].name)
				console.log(cityData[cityIndex].child[[cityData[cityIndex].provicenActive]].name)
				uni.setNavigationBarTitle({
					title: cityData[cityIndex].name +
						cityData[cityIndex].child[[cityData[cityIndex].provicenActive]].name +
						cityData[cityIndex].child[[cityData[cityIndex].provicenActive]].child[cityData[cityIndex]
							.cityActive].name
					+cityData[cityIndex].child[[cityData[cityIndex].provicenActive]].child[cityData[cityIndex].cityActive].child[cityData[cityIndex].countyActive].name
				})
			}

		},
	};
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}

	.cent-bo-b-r-b {
		font-family: PingFang;
		font-weight: 500;
		font-size: 30rpx;
		color: #666666;
		line-height: 42rpx;
		width: 419rpx;
		height: 86rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.btn {
		margin-top: 63rpx;
		display: flex;

		.must {
			background: #ed861f !important;
		}

		.box-btn {
			width: 375rpx;
			height: 110rpx;
			background: #adcd2c;
			border-radius: 16rpx;

			.box-btn-t {
				font-family: PingFang;
				font-weight: bold;
				font-size: 32rpx;
				color: #ffffff;
				// line-height: 50rpx;
				text-align: center;
				margin-top: 22rpx;
			}

			.box-btn-n {
				font-family: PingFang;
				font-weight: 500;
				font-size: 30rpx;
				color: #ffffff;
				line-height: 50rpx;
				text-align: center;
			}
		}
	}

	.centCont {
		padding: 0 30rpx;
	}

	.cent {
		.cent-bo-b-r-t {
			margin-bottom: 0;
		}

		.cent-bo-b-r-b {
			margin-top: 60rpx;
		}
	}

	.cont {
		height: 100%;

		.cent-pr {
			margin: 33rpx 0 34rpx;
			display: flex;
			justify-content: space-between;

			.cent-pr-l {
				display: flex;
				font-family: PingFang;
				font-weight: bold;
				font-size: 32rpx;
				color: #010101;

				.cent-pr-t {
					color: #666;
				}
			}

			.cent-pr-r {
				display: flex;
				font-family: PingFang;
				font-weight: 500;
				font-size: 28rpx;
				color: #999999;
				line-height: 32rpx;

				.cent-pr-r-t-img {
					width: 14rpx;
					height: 25rpx;
					margin-top: 7rpx;
					margin-left: 10rpx;
				}
			}
		}

		.cent-bo {
			.cent-bo-b {
				height: 200rpx;
				background: #ffffff;
				border-radius: 16rpx;
				margin-bottom: 20rpx;
				display: flex;

				.cent-bo-b-l {
					.cent-bo-b-img {
						width: 200rpx;
						height: 140rpx;
						margin: 30rpx 21rpx;
					}
				}

				.cent-bo-b-r {
					.cent-bo-b-r-t {
						margin-top: 30rpx;
						margin-bottom: 35rpx;

						.cent-bo-b-l {
							font-family: PingFang;
							font-weight: bold;
							font-size: 32rpx;
							color: #000000;
							line-height: 30rpx;
							display: flex;

							.cent-bo-b-r {
								margin-left: 25rpx;
							}
						}


					}
				}
			}
		}

		.cent-box {
			// width: 690rpx;
			// height: 600rpx;
			background: #ffffff;
			border-radius: 16rpx;

			.group-fac {
				border-bottom: 2rpx solid #F0F0F0;
				padding: 30rpx 0rpx;
				width: 100%;

				&:first-child {}

				&:last-child {
					border-bottom: 0rpx solid #F0F0F0;
				}

				.leftgroup {
					.left-img {
						width: 40rpx;
						height: 40rpx;
						margin-right: 20rpx;
					}
				}

				.right-content {
					width: 33vw;

					.right {
						text-align: right;
						font-size: 24rpx;
						color: #999;
					}

					.right-img {
						width: 22rpx;
						height: 30rpx;
						margin-right: 20rpx;
					}
				}

			}
		}
	}

	.financeContent {
		padding-top: 30rpx;

		.financeTitle {
			display: flex;
			justify-content: space-between;
			font-size: 30rpx;
			margin: 0;

			.more {
				font-size: 28rpx;
				color: #666;

				.imgs {
					width: 12rpx;
					height: 12rpx;
					margin-left: 16rpx;
				}
			}
		}
	}

	.moreContent {

		.moreList {
			width: 100%;
			padding: 17rpx 10rpx 17rpx 16rpx;
			background: #ffffff;
			border-radius: 16rpx;
			margin-top: 20rpx;
			display: flex;

			.imgs {
				width: 170rpx;
				height: 170rpx;
				border-radius: 20rpx;
			}

			.moreRight {
				width: 431rpx;
				margin-left: 28rpx;

				.companyType {
					display: -webkit-box;
					overflow: hidden;
					text-overflow: ellipsis;
					word-break: break-all;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 3;
				}

				.name {
					font-family: PingFang;
					font-weight: bold;
					font-size: 32rpx;
					color: #000000;
				}

				.hite {
					margin-top: 20rpx;
					font-family: PingFang;
					font-weight: 500;
					font-size: 28rpx;
					color: #666666;
					line-height: 42rpx;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}

	.city-title {
		display: flex;

		text-align: center;

		view {
			width: 20%;
		}

		image {
			width: 100rpx;
			height: 100rpx;
			display: block;
			margin: 0 auto
		}
	}

	.menu {
		display: flex;
		flex-wrap: wrap;
		width: 100%;

		.menuView {
			margin-top: 20rpx;
			text-align: center;
			width: 20%;

			.img {
				width: 80rpx;
				height: 80rpx;
			}

			.menuName {
				font-size: 12px;
				color: #333;
			}
		}
	}
</style>